<!DOCTYPE html>
<html>
<head>
  <title>test</title>‘
  <style type="text/css">
  * {
    background-color: #ccc;
  }
  span {
    color: blue;
  }
</style>
</head>

<body>
<div>
<h1>网站一级标题</h1>
<ul>
  <li><a href="#">导航链接1</a></li>
  <li><a href="#">导航链接2</a></li>
  <li><a href="#">导航链接3</a></li>
  <li><a href="#">导航链接4</a></li>
</ul>
<h2>文章一级标题</h2>
<h3>文章二级标题</h3>
<p>文章作者  文章发布时间</p> <br>
<p><span>为家乐福；的就撒；</span>了房价单身；发掘的刷卡机发大水了；案件放得开了；撒酒疯快大三了；的就撒看来； 接口；了</p>
<p>fdsa；范德萨范德萨；卡积分看电视；垃圾放得开了；撒娇弗兰克；电视剧啊分开了；电视剧啊看来；发电视剧啊看来；发就单身快乐；案件发快递了；撒</p>
<p>safd';safdsakf';dsakfls<a href="http://www.baidu.com">这是一个连接，连接到www.baidu.com</a>范德萨范德萨范德萨fdsafdsa富家大室；案件发大水；垃圾费；到拉萨积分；电视剧啊发了多少；按揭房；大姐夫了；电视剧啊弗兰克的睡觉奥诶我去日俄我去看了愤怒的；拉萨</p>
<img src="https://pic3.zhimg.com/b8b1bd0723f3439704130a0ccaa0a48e_s.jpg">
<p>分三大的撒范德萨范德萨<strong>粗字体</strong>大范德萨范德萨范德萨fdasfdsa<a href="http://www.baidu.com" "blank">重新打开一个页面</a></p><br>
</div>


<img src="https://pic3.zhimg.com/b8b1bd0723f3439704130a0ccaa0a48e_s.jpg">
<ul>
  <li>项目列表一</li>
  <li>项目列表二</li>
  <li>项目列表三</li>
</ul>

<H1>图片</H1>
<p>好看的图片</p>
<img src="https://pic3.zhimg.com/b8b1bd0723f3439704130a0ccaa0a48e_s.jpg">
<p>好看的图片</p>
<img src="https://pic3.zhimg.com/b8b1bd0723f3439704130a0ccaa0a48e_s.jpg">
<p>好看的图片</p>
<img src="https://pic3.zhimg.com/b8b1bd0723f3439704130a0ccaa0a48e_s.jpg">
<p>好看的图片</p>
<img src="https://pic3.zhimg.com/b8b1bd0723f3439704130a0ccaa0a48e_s.jpg">
<h1>最后一篇文章标题</h1>
<h2>文章二级标题</h2>
<p>文章作者 文章发布时间</p>
<ol>
  <li>排名一</li>
  <li>排名二</li>
  <li>排名三</li>
</ol>
<p>下面是一个表格，给表格加一个边框线，好让看起来是明显的一个表格</p>
<table border="1" bordercolor="red">
  <tbody >
   <tr>
     <th>表头</th>
     <th>表头</th>
     <th>表头</th>
   </tr>
   <tr>
     <td>表内容单元格</td>
     <td>表内容单元格</td>
     <td><a href="#">操作</a></td>
   </tr>
   <tr>
     <td>表内容单元格</td>
     <td>表内容单元格</td>
     <td><a href="#">操作</a></td>
   </tr>
   <tr>
     <td>表内容单元格</td>
     <td>表内容单元格</td>
     <td><a href="#">操作</a></td>
   </tr>
   <tr>
     <td>表内容单元格</td>
     <td>表内容单元格</td>
     <td><a href="#">操作</a></td>
   </tr>
   <tr>
     <td>总计</td>
     <td>1000</td>
   </tr>
  </tbody>
</table>
<h1>这是侧栏的标题</h1>
<h1>侧栏注册标题</h1>
<form>
  <label>请输入邮箱地址：</label>
  <input type="text" name="email" value="这是一个文本输入框"><br>
  <label>邮箱地址请按规定格式输入</label><br>
  <label>请输入密码：</label>
  <input type="password" name="password" value="这是一个文本输入框">
  <label>请重复输入密码</label>
  <input type="password" name="password" value="这是一个文本输入框"><br>
  <label>密码请输入6-16位英文数字</label><br>
  <label>性别:</label>
  <input type="radio" name="sex" value="1" checked="checked">男</input>
  <input type="radio" name="sex" value="1">女</input>
  <label>城市：</label>
  <select>
    <option selected="selected">北京</option>
    <option>上海</option>
    <option>深圳</option>
  </select>
  <label>爱好：</label>
  <input type="checkbox" name="hobby" checked="checked">运动</input>
  <input type="checkbox" name="hobby">艺术</input>
  <input type="checkbox" name="hobby">科学</input>
  <label>个人描述</label>
  <textarea cols="10">这是一个多行输入框，请输入您的个人描述</textarea>
  <input type="submit" name="" value="确认提交">
  <input type="reset" name="" value="重置"><br>
</form>
</body>
</html>